<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="/static/plugins/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="/static/css/commons.css">
    {% block css %}{% endblock %}
</head>
<body>
<div class="pg-header">
    <div class="logo left">缪某后台管理系统</div>
    <div class="avatar right" style="position: relative">
        <img style="width: 40px;height: 40px" src="/static/images/tx.jpg">
        <div class="user-info">
            <a>个人资料</a>
            <a>注销</a>
        </div>
    </div>
    <div class="rmenus right">
        <a class="glyphicon glyphicon-comment"> 消息</a>
        <a class="glyphicon glyphicon-envelope"> 邮件</a>
    </div>
</div>
    <div class="pg-body">
        <div class="menus">
            <a href="/classes/">班级管理</a>
            <a href="/students/">学生管理</a>
            <a href="/teachers/">老师管理</a>
        </div>

        <div class="content">
            <ol class="breadcrumb">
              <li><a href="/classes/">首页</a></li>
              <li><a href="#">班级管理</a></li>
              <li class="active">添加班级</li>
            </ol>
            {% block html %}{% endblock %}
            <nav aria-label="Page navigation">
              <ul class="pagination">
                <li>
                  <a href="#" aria-label="Previous">
                    <span aria-hidden="true">&laquo;</span>
                  </a>
                </li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li>
                  <a href="#" aria-label="Next">
                    <span aria-hidden="true">&raquo;</span>
                  </a>
                </li>
              </ul>
            </nav>
        </div>
    </div>
    {% block js %}{% endblock %}
</body>
</html>